html {
	height: 100%;
}

body {
	font-family: Arial;
	font-style: Arial;
	height: 100%;
}

div.main-page {
	/*border: 1px solid black;*/
	margin: 10px auto;
	width: 978px;
	max-width: 978px;
}

div.main-content {
	text-align: center;
	/*border:2px solid #a1a1a1;*/
	/*background:#FFF;*/
	width: 978px;
	border-radius: 25px;
	-moz-border-radius: 25px; /* �ϵ� Firefox */
	box-shadow: 0px 3px 10px 2px grey;
	float: left;
	height: 80%;
}

div.search-bar {
	background-image: url(images/search-bar.png);
	width: 100%;
	height: 80px;
}

div.header-logo {
	width: 265px;
	height: 112px;
	float: left;
}

button.button-tab {
	color: #576d07;
	width: 108px;
	height: 35px;
	float: left;
	border: 0px;
	color: #FFF;
	font-size: 14px;
	font-weight: 800;
	font-family: Arial;
	cursor: pointer;
}

.tab-navigation button:hover {
	background: url(images/tab3.png) no-repeat;
}

#btn-tab-1 {
	margin: 75px 0px 0px 244px;
}

#btn-tab-2 {
	margin: 75px 0px 0px 5px;
}

#btn-tab-3 {
	margin: 75px 0px 0px 5px;
}

#btn-tab-4 {
	margin: 75px 0px 0px 5px;
}

.tab_selected {
	background: url(images/tab1.png) no-repeat;
}

.tab_unselected {
	background: url(images/tab2.png) no-repeat;
}

#current-position-text {
	font-size: 16px;
	font-weight: 800;
	color: #fff;
	border: 0px;
	outline: none;
	background-color: transparent;
	float: left;
	margin: 13px 0px 0px 15px;
}

#current-position-text a:link {
	text-decoration: none;
	color: #FFF
}

#current-position-text a:active {
	text-decoration: blink
}

#current-position-text a:hover {
	text-decoration: underline;
	color: #FFF
}

#current-position-text a:visited {
	text-decoration: none;
	color: #FFF
}

.search-box {
	text-align: left;
}

.search-input {
	text-align: left;
	margin: 8px 0px 0px 23px;
	height: 24px;
	width: 207px;
	border: 0px;
	background-color: transparent;
}

.search-submit {
	background-image: url(images/go.png);
	background-color: transparent;
	width: 58px;
	height: 34px;
	border: 0px;
	margin: 2px 0px 0px 0px;
	color: #FFF;
	font-size: 16px;
	font-weight: 800;
	outline: none;
	border-bottom-style: none;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
}

.left-bar {
	max-width: 166px;
	height: 100%;
	/*border:2px solid #a1a1a1;*/
	float: left;
	margin: 15px 0px 0px 10px;
}

.left-bar-line {
	background-image: url(images/leftBarLine.png);
	background-color: transparent;
	width: 166px;
	height: 6px;
	margin: 5px 0px 5px 0px;
}

.left-bar-image-head {
	background-image: url(images/categories.png);
	background-color: transparent;
	width: 140px;
	height: 26px;
	margin: 0px 0px 0px 9px;
}

.left-bar-image-shopping {
	background-image: url(images/9.png);
	background-color: transparent;
	width: 140px;
	height: 26px;
	margin: 0px 0px 0px 13px;
}

.left-bar-image-cart {
	background-image: url(images/15.png);
	background-color: transparent;
	width: 166px;
	height: 75px;
}

.left-bar-image-infomation {
	background-image: url(images/7.png);
	background-color: transparent;
	width: 140px;
	height: 26px;
	margin: 0px 0px 0px 13px;
}

.left-bar-image-trademe {
	background-image: url(images/14.png);
	background-color: transparent;
	width: 166px;
	height: 38px;
}

.categories-title {
	max-width: 166px;
	height: 30px;
}

.categories-title-text {
	/*background: url(images/line.png) no-repeat; */
	font-size: 12px;
	font-weight: 600;
	color: #434343;
	width: 160px;
	background-color: transparent;
	margin: 0px 0px 0px 20px;
	padding: 6px 0px 0px 00px;
	text-align: left;
	outline: none;
	/*border:2px solid #eee;*/
}

.categories-title a:link {
	text-decoration: none;
	color: #434343
}

.categories-title a:active {
	text-decoration: blink
}

.categories-title a:hover {
	text-decoration: underline;
	color: #434343
}

.categories-title a:visited {
	text-decoration: none;
	color: #434343
}

div.line {
	background: url(images/line.png) no-repeat;
	width: 166px;
	height: 1px;
	float: left;
}

.left-bar-dot {
	background: url(images/dot.png) no-repeat;
	width: 5px;
	height: 6px;
	float: left;
	margin: 10px 0px 0px 10px;
}

.right-content {
	float: left;
	padding: 0;
}

.imageRotation {
	height: 340px;
	width: 760px;
	margin: 20px 0px 0px 20px;
}

.right-content-line {
	background: url(images/22.png) no-repeat;
	width: 760px;
	height: 44px;
	margin: 30px 0px 5px 20px;
	text-align: left;
	padding: 8px 0px 0px 20px;
	font-size: 16px;
	font-weight: 600;
	color: #9f9e9e;
}

.products-content {
	max-width: 760px;
	height: 390px;
	margin: 5px 0px 5px 30px;
}

.right-best-sellers {
	width: 180px;
	height: 215px;
	float: left;
}

.product-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.product-price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: RED;
}

.products-content2 {
	max-width: 760px;
	height: 285px;
}

.imageBox {
	position: absolute;
	height: 313px;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

.imageBox img {
	display: block;
	height: 313px;
	width: 760px;
	float: left;
	border: none;
}


.titleBox {
	position: absolute; /*--�̶���λ--*/
	bottom: 0px;
	width: 760px;
	height: 40px;
	overflow: hidden;
}

.titleBox p {
	position: absolute; /*--�̶���λ--*/
	bottom: -40px;
	width: 750px;
	height: 40px;
	margin: 0px;
	padding: 0px 10px;
	line-height: 40px;
	z-index: 1;
	background-color: #000;
	color: #fff;
	font-family: "΢���ź�", "yahei";
	opacity: 0.5;
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	filter: alpha(opacity =     50);
}

.titleBox p span {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	filter: alpha(opacity =     100);
}

.titleBox p.active {
	bottom: 0px;
}
/*-------------ͼ������---------------*/
.icoBox {
	position: absolute; /*--�̶���λ--*/
	bottom: 14px;
	right: 15px;
	width: 76px;
	height: 12px;
	text-align: center;
	line-height: 40px;
	z-index: 2;
}

.icoBox span {
	display: block;
	float: left;
	height: 12px;
	width: 12px;
	margin-left: 3px;
	overflow: hidden;
	background: url("images/ico.png") 0px 0px no-repeat;
	cursor: pointer;
}

.icoBox span.active {
	background-position: 0px -12px;
	cursor: default;
}

.single-content {
	widht: 760px;
	height: 100%;;
}

.picshow {
	BORDER-BOTTOM: #d9e0ea 1px solid;
	BORDER-LEFT: #d9e0ea 1px solid;
	MARGIN: 8px 30px 15px 15px;
	WIDTH: 295px;
	HEIGHT: 360px;
	BORDER-TOP: #d9e0ea 1px solid;
	BORDER-RIGHT: #d9e0ea 1px solid;
	padding: 10px 10px 10px 10px;
	float: left;
}

#picarea {
	MARGIN: 0px 0px 0px 0px;
	WIDTH: 295px;
	BACKGROUND: #fff;
	HEIGHT: 295px;
}

#bigpicarea {
	position: absolute;
	MARGIN: 0px 0px 0px 0px;
	WIDTH: 295px;
	HEIGHT: 295px;
	OVERFLOW: hidden;
}

.image {
	TEXT-ALIGN: left;
}

.image IMG {
	BORDER-BOTTOM: #ececec 1px solid;
	BORDER-LEFT: #ececec 1px solid;
	MARGIN: 0px 0px 0px 0px;
	BORDER-TOP: #ececec 1px solid;
	BORDER-RIGHT: #ececec 1px solid
}

#bigpicarea .word {
	TEXT-ALIGN: center;
	HEIGHT: 50px;
	COLOR: #333
}

#bigpicarea .word H3 {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 48px;
	HEIGHT: 48px;
	COLOR: #333;
	FONT-SIZE: 14px
}

#bigpicarea .ui-els-hide {
	DISPLAY: none
}

.bigbtnPrev {
	POSITION: absolute;
	HEIGHT: 51px;
	CURSOR: pointer;
}

.bigbtnNext {
	Z-INDEX: 100;
	POSITION: absolute;
	WIDTH: 35px;
	HEIGHT: 51px;
	TOP: 186px;
	CURSOR: pointer;
	RIGHT: 30px
}

#big_play_prev {
	BACKGROUND-IMAGE: url(../images/leftbig.png);
	WIDTH: 9px;
	HEIGHT: 51px;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,
		src='../images/leftbig.png')
}

#big_play_next {
	BACKGROUND-IMAGE: url(../images/rightbig.png);
	WIDTH: 9px;
	DISPLAY: block;
	HEIGHT: 51px;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,
		src='../images/rightbig.png')
}

#thumbs {
	LIST-STYLE-TYPE: none;
	MARGIN: 0px 0px 0px 0px;
	WIDTH: 295px;
	HEIGHT: 110px;
}

* HTML #thumbs {
	HEIGHT: 60px;
}

#thumbs div {
	FLOAT: left;
	padding: 0px 0px 0px 0px;
}

#thumbs div.slideshowItem {
	WIDTH: 55px;
	HEIGHT: 55px;
	MARGIN: 0px 0px 0px 5px;
}

#thumbs UL {
	
}

#thumbs LI.last_img {
	
}

#thumbs div.first {
	MARGIN: 25px 5px 0px 10px;
	WIDTH: 9px;
	HEIGHT: 16px;
	CURSOR: pointer;
}

#thumbs div.last {
	MARGIN: 25px 0px 0px 10px;
	WIDTH: 9px;
	HEIGHT: 16px;
	CURSOR: pointer;
}

#thumbs div A {
	BORDER-BOTTOM: #fff 2px solid;
	BORDER-LEFT: #fff 2px solid;
	DISPLAY: block;
	FONT-SIZE: 0px;
	BORDER-TOP: #fff 2px solid;
	BORDER-RIGHT: #fff 2px solid;
	width: 55px;
}

#thumbs div A:hover {
	BORDER-BOTTOM: #000 2px solid;
	BORDER-LEFT: #000 2px solid;
	BORDER-TOP: #000 2px solid;
	BORDER-RIGHT: #000 2px solid;
}

#thumbs div A.current {
	BORDER-BOTTOM: #f8ae0f 2px solid;
	BORDER-LEFT: #f8ae0f 2px solid;
	BORDER-TOP: #f8ae0f 2px solid;
	BORDER-RIGHT: #f8ae0f 2px solid;
}

#thumbs div.first IMG {
	width: 9px;
}

#thumbs div.last IMG {
	width: 9px;
}

#smallpicarea {
	MARGIN: 0px 0px 0px 0px;
	WIDTH: 295px;
}

.single-text {
	text-align: left;
	padding: 0px 0px 0px 182px;
	margin: 15px 10px 0px 15px;
}

.footer {
	height: 100px;
}

.product_title {
	padding: 0px 0px 0px 0px;
	font-size: 20px;
}

.price {
	font-size: 12px;
}

.input-text {
	width: 82px;
	height: 22px;
	font-size: 16px;
	margin: 15px 0px 0px 15px;
}

.single_add_to_cart_button {
	border: 0;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	overflow: visible;
	background: url(images/addtocart.png) right no-repeat;
	width: 99px;
	height: 28px;
}

.input-bg {
	BORDER: #b5b4b4 1px solid;
	margin: 0px 0px 0px 165px;
	height: 53px;
	background-color: #dfdddd;
}

.single_add_to_cart_button:hover {
	background: url(images/addtocarthover.png) right no-repeat;
}

.short-des li {
	font-family: Arial;
	font-size: 16px;
	color: #5f5f5f;
	list-style-type: none;
}

.woocommerce-message {
	height: 40px;
}

.cart-totals {
	text-align: left;
}

.cart-subtotal-b {
	font-weight: bold;
	text-align: left;
	width: 100%;
}

.register {
	height: 158px;
	font-family: Arial;
	font-size: 12px;
	background-color: #e5e3e9;
}

.login {
	height: 158px;
	font-family: Arial;
	font-size: 12px;
	background-color: #e5e3e9;
}

.myaccount_address {
	font-family: Arial;
	height: 48px;
	font-size: 12px;
	font-weight: bold;
	color: #4f4f4f;
	background-color: #e5e3e9;
	BORDER: #bababa 1px solid;
	padding: 28px 0px 0px 54px;
}

.billing_address {
	background-color: #e5e3e9;
	BORDER: #bababa 1px solid;
	height: 102px;
}

.text_address {
	float: left;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #4f4f4f;
	padding: 28px 0px 0px 54px;
}

.btn_edit_address {
	float: right;
	padding: 11px 11px 0px 0px;
}

.billing_shipping {
	background-color: #e5e3e9;
	BORDER: #bababa 1px solid;
	width: 730px;
	height: 467px;
	font-family: Arial;
	font-size: 14px;
	padding: 28px 18px 28px 18px;
}

.additional_information {
	background-color: #e5e3e9;
	BORDER: #bababa 1px solid;
	width: 730px;
	height: 100px;
	font-family: Arial;
	font-size: 14px;
	padding: 28px 18px 28px 18px;
}

.order_received_costom {
	height: 90px;
}

.our_bank_details {
	height: 165px;
}

.order_details {
	height: 248px;
}

.woocommerce-info {
	height: 65px;
}

/* 禁止为所有被激活的输入框添加边框 */
*:focus {
	outline: none;
}

/* bxslider 间距 */
ul.bxslider {
  margin: 0;
  padding: 0;
}